<template>
    <el-aside class="page-menu-wrap">
        <MenuView :collapse="false" class="menu-page"></MenuView>
    </el-aside>
</template>

<script>
import ToggleMenuMixin from '@/mixins/toggle-menu.js'
import MenuView from './menu.vue'

export default {
    name: 'MenuSide',
    components: {
        MenuView
    },
    mixins: [ToggleMenuMixin]
}
</script>

<style lang="scss">
@import "@/assets/styles/menu.scss";

.page-menu-wrap {
    overflow: hidden;
    flex: 0 0 240px;
    max-width: 240px;
    min-width: 240px;
    width: 240px !important;
    background: $--menu-background-color;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease;
    .menu-page {
        padding-top: 13px;
    }
}
</style>
